<template>
  <div id="app">
    <!-- view -->
    <router-view />
  </div>
</template>
<script>
import { mapMutations } from "vuex";
export default {
  computed: {},
  mounted() {
    // 页面加载时验证登录状态
    this.getUserinfo();
  },
  methods: {
    ...mapMutations(["getUserinfo"]),
  },
  watch: {
    // 监听当前路由
    $route() {
      // 从路由元数据(this.$route.meta)中获取并修改当前页面标题(document.title)
      document.title = this.$route.meta.title;
    },
  },
};
</script>

<style>
/* 全局css样式表 */
/* 初始化样式 */
* {
  margin: 0;
  padding: 0;
}
/* 修改vant组件样式(只能在全局下修改) */

/* 修改顶部导航navbar背景样式 */
.van-nav-bar__content {
  background-color: #e4004f;
}
/* 修改顶部导航navbar字体图标样式 */
.van-nav-bar__title,
.van-nav-bar .van-icon {
  color: #fff !important;
}
</style>
